<style>

    a {
        text-decoration: none;
        color: #fff;
    }

</style>

<body>


<div class="header" id="headerapp">
    <!--登录注册栏-->
    <div class="nav-top1">
        <div class="content-w clearfix">
            <div class="header-content">
                <p class="fs-14 fl" style="color: #000;">嘿▪菠萝—让制造更便捷</p>
                <!--<div class="fs-14 fr" id="headerTopId">-->
                <!--<template v-if="userinfo.is_login">-->
                <!--<span class=" text-blod login" style="cursor: default;border: none;font-size:14px;">-->
                <!--<em class="glyphicon glyphicon-user" style="margin-right: 5px;"></em>-->
                <!--<a href="/client/order/order-fast">{{userinfo.phone}}</a>-->
                <!--</span>-->
                <!--<a class="fs-12 text-blod register" href="/account/logout" style="margin-right: 0;">退 出</a>-->
                <!--</template>-->
                <!--<template v-else>-->
                <!--<a href="/account/login#/v2/login" class="fs-12 text-blod login">登 录</a>-->
                <!--<a class="fs-12 text-blod register" href="/account/login#/v2/register" style="margin-right: 0;">注册</a>-->
                <!--</template>-->
                <!--</div>-->
            </div>
        </div>
    </div>
    <!--页头导航栏-->
    <div id="pp-nav" class="pp-nav ">

        <div class="content-w nav-content clearfix">
            <a href="/">
                <img src="../static/image/index/logo_manager.png" alt="LOGO" class="fl" style="margin-top: 3px;">
            </a>
            <ul class="one-nav clearfix">
                <li class="pp-index">
                    <a href="../index/index.html">首页</a>
                </li>
                <li class="pp-model">
                    <a href="../modeling/modeling.html">3D建模</a>
                </li>
                <li class="3dprint">
                    <a href="javascript:void(0)">3D打印
                        <span class="triangle-down1"></span>
                    </a>
                    <ul class="two-nav">
                        <li class="print-sla"><a href="../three-d-print/3dprint-sla.html">SLA打印</a></li>
                        <li class="print-sls"><a href="../three-d-print/3dprint-sls.html">SLS打印</a></li>
                        <li class="print-slm"><a href="../three-d-print/3dprint-slm.html">SLM打印</a></li>
                        <li class="ceram"><a href="../three-d-print/ceram.html">陶瓷打印</a></li>
                    </ul>
                </li>
                <li class="pp-materials">
                    <a href="javascript:void(0)">材料介绍
                        <span class="triangle-down1"></span>
                    </a>
                    <ul class="two-nav">
                        <li class="materials-intro"><a href="../materials/3dprint-materials.html">材料简介</a></li>
                        <li class="materials-list"><a href="../price/shuzhi-1gmsz.html">材料物性表</a></li>

                    </ul>
                </li>
                <li class="pp-price">
                    <a href="../price/price.html">价格明细</a>
                </li>
                <li class="pp-solution">
                    <a href="">解决方案
                        <span class="triangle-down1"></span>
                    </a>
                    <ul class="two-nav" id="only" href="javascript:void(0)">
                        <li class="five-plam">
                            <a href="../solution/five-plam.html">3D打印手板</a>
                        </li>
                        <li class="seven-car"><a href="../solution/seven-car.html">汽车研发手板</a></li>
                        <li class="one-trophy"><a href="../solution/one-trophy.html">创意奖杯打印</a></li>
                        <li class="six-robot"><a href="../solution/six-robot.html">机器设备模型</a></li>
                        <li class="eight-small"><a href="../solution/eight-small.html">3D打印小批量</a></li>
                        <li class="two-machine"><a href="../solution/two-machine.html">机器人外壳打印</a></li>
                        <li class="three-sandtable"><a href="../solution/three-sandtable.html">建筑沙盘模型</a>
                        </li>
                    </ul>
                </li>
                <li class="pp-case">
                    <a href="../case/index.jsp">案例展示</a>
                </li>
                <li class="pp-contact">
                    <a href="javascript:void(0)">咨询中心
                        <span class="triangle-down1"></span>
                    </a>
                    <ul class="two-nav">
                        <li class="dryCargoNews">
                            <a href="../news/dryCargoNews.jsp">干货资讯</a>
                        </li>
                        <li class="industryNews">
                            <a href="../news/industryNews.jsp">行业资讯</a>
                        </li>
                        <li class="index-news">
                            <a href="../news/index.jsp">公司新闻</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
<!--<script src="/common/vue.min.js"></script>-->
<script type="text/javascript">
    //"use strict";

    (function changATagActive() {
        var target;
        var target1;
        //只有一级菜单，首页/案例展示
        if (location.pathname == '/index') {
            target = '.pp-index';
        }
        if (location.pathname == '/modeling') {
            target = '.pp-model';
        }
        if (location.pathname == '/price/price.html') {
            target = '.pp-price';
        }
        if (location.pathname == 'case/index.jsp') {
            target = '.pp-case';
        }
        //有二级的手板制作激光制作/资讯中心/手板制作
        if (location.pathname.indexOf("/three-d-print/3dprint-sla.html") > -1) {
            target = '.3dprint';
            target1 = '.print-sla';
        }
        if (location.pathname.indexOf("/three-d-print/3dprint-sls.html") > -1) {
            target = '.3dprint';
            target1 = '.print-sls';
        }
        if (location.pathname.indexOf("/three-d-print/3dprint-slm.html") > -1) {
            target = '.3dprint';
            target1 = '.print-slm';
        }

        if (location.pathname.indexOf("/three-d-print/ceram.html") > -1) {
            target = '.3dprint';
            target1 = '.ceram';
        }
        if (location.pathname.indexOf("/materials/3dprint-materials.html") > -1) {
            target = '.pp-materials';
            target1 = '.materials-intro';
        }
        if (location.pathname.indexOf("/price") > -1) {
            target = '.pp-materials';
            target1 = '.materials-list';
        }
        if (location.pathname.indexOf("/solution/five-plam.html") > -1) {
            target = '.pp-solution';
            target1 = '.five-plam';
        }
        if (location.pathname.indexOf("/solution/seven-car.html") > -1) {
            target = '.pp-solution';
            target1 = '.seven-car';
        }
        if (location.pathname.indexOf("/solution/one-trophy.html") > -1) {
            target = '.pp-solution';
            target1 = '.one-trophy';
        }
        if (location.pathname.indexOf("/solution/six-robot.html") > -1) {
            target = '.pp-solution';
            target1 = '.six-robot';
        }
        if (location.pathname.indexOf("/solution/eight-small.html") > -1) {
            target = '.pp-solution';
            target1 = '.eight-small';
        }
        if (location.pathname.indexOf("/solution/two-machine.html") > -1) {
            target = '.pp-solution';
            target1 = '.two-machine';
        }
        if (location.pathname.indexOf("/solution/three-sandtable.html") > -1) {
            target = '.pp-solution';
            target1 = '.three-sandtable';
        }

        if (location.pathname.indexOf("/news/dryCargoNews.html") > -1) {
            target = '.pp-contact';
            target1 = '.dryCargoNews';
        }
        if (location.pathname.indexOf("/news/industryNews.html") > -1) {
            target = '.pp-contact';
            target1 = '.industryNews';
        }
        if (location.pathname.indexOf("/news.html") > -1) {
            target = '.pp-contact';
            target1 = '.index-news';
        }
        if (target) {
            $(".one-nav " + target).addClass("active").siblings().removeClass("active");
            $(".two-nav " + target1).addClass("active").siblings().removeClass("active");
        }
    })();


    (function changeNavBackGround() {

        var box = $(".pt-all");
      //  debugger;
        var height = box.offsetTop;
        console.log(height);

        box.scroll( function() {
            debugger;
            console.log(height);
        });
    })();

</script>

</html>